﻿@model AvaliacaoOnline.Data.Questao

<script type="text/javascript">
    $(function () {
        setTimeout(function () {
            $(".RadioClass").each(function (i, item) {
                $(item).css('display', 'none');
            });
//            $(".RadioClass").each(function (i, item) {
//                if ($(item).is(":checked")) {
//                    $(".alternativa-radio-selected:not(:checked)").removeClass("alternativa-radio-selected");
//                    $(item).next("label").addClass("alternativa-radio-selected");
//                }
//                $(item).css('display', 'none');
//            });
//            $(".RadioClass").change(function () {
//                if ($(this).is(":checked")) {
//                    $(".alternativa-radio-selected:not(:checked)").removeClass("alternativa-radio-selected");
//                    $(this).next("label").addClass("alternativa-radio-selected");
//                }
//            });
        }, 0);
    });

    alterar = function (span, id, numero) {
        idText++;

        var correta = "";
        if (numero != 0)
            correta = '<br><input type="checkbox" value="S" name="alternativaCorreta" id="alternativaCorreta' + idText + '"/>Alternativa correta.';

        $("#local").html('<textarea id="textAlteracao' + idText + '" style="width:460px; height:170px;"></textarea>' + correta)

        $("#textAlteracao" + idText).val($("#" + span).text());
        $("#alteracaoQuestao").dialog({
            width: "500",
            height: "380",
            modal: true,
            title: 'Alterar questão',
            buttons: {
                "Confirmar": function () {
                    $(this).dialog('destroy');
                    alterarAjax(id, numero);
                },
                "Cancelar": function () {
                    $(this).dialog('destroy');
                }
            }
        });
    }
    excluir = function (id, numero) {
        $.showMessage({
            message: "Deseja realmente excluir?",
            buttons: {
                "Sim": function () {
                    $.ajax({
                        url: '@Url.Content("~/avaliacao/ExcluirQuestao")',
                        dataType: 'json',
                        type: 'post',
                        data: { idQuestao: id, numeroAlternativa: numero },
                        success: function (data) {
                            if (data.Message != '')
                                $.showMessage(data.Message);
                            else
                                $("#Recarregar").click();
                        }
                    });
                    $(this).dialog('close');
                },
                "Não": function () { $(this).dialog('close'); }
            }
        });
    }
    excluirArquivo = function (id, tipo) {
        $.showMessage({
            message: "Deseja realmente excluir o arquivo?",
            buttons: {
                "Sim": function () {
                    $.ajax({
                        url: '@Url.Content("~/avaliacao/ExcluirArquivoQuestao")',
                        dataType: 'json',
                        type: 'post',
                        data: { idQuestao: id, tipo: tipo },
                        success: function (data) {
                            $("#Recarregar").click();
                        }
                    });
                    $(this).dialog('close');
                },
                "Não": function () { $(this).dialog('close'); }
            }
        });
    }

    alterarAjax = function (id, numero) {
        numero = (numero == undefined) ? 0 : numero;
        var descricao = $("#textAlteracao" + idText).val();
        $("#local").html('');
        $.ajax({
            url: '@Url.Content("~/avaliacao/SaveTextQuestao")',
            dataType: 'json',
            type: 'post',
            data: { idQuestao: id, numeroAlternativa: numero, descricao: descricao, correta: $("input#alternativaCorreta" + idText + ":checked").size() },
            success: function (data) {
                $("#Recarregar").click();
            }
        });

    }
    
    inserirArquivos = function () {
        $("#arquivoQuestao").dialog({
            buttons: { "Cancelar": function () { $(this).dialog('close'); } },
            width: 620,
            height: 420
        });
    }
    $(function () {
        setTimeout(function () {
            $('#formUploadArquivoQuestao1').fileUploadUI({
                url: '@Url.Content("~/Avaliacao/UploadQuestao")', method: 'POST', uploadTable: $('#files1'), downloadTable: $('#files1'),
                buildUploadRow: function (files, index) {
                    return $('<tr><td>' + files[index].name + '<\/td>' +
					'<td class="file_upload_progress"><div><\/div><\/td>' +
					'<td class="file_upload_cancel">&nbsp;<\/td><\/tr>');
                },
                buildDownloadRow: function (file) {
                    $("#Recarregar").click();
                }
            });
            $('#formUploadArquivoQuestao2').fileUploadUI({
                url: '@Url.Content("~/Avaliacao/UploadQuestao")', method: 'POST', uploadTable: $('#files2'), downloadTable: $('#files2'),
                buildUploadRow: function (files, index) {
                    return $('<tr><td>' + files[index].name + '<\/td>' +
					'<td class="file_upload_progress"><div><\/div><\/td>' +
					'<td class="file_upload_cancel">&nbsp;<\/td><\/tr>');
                },
                buildDownloadRow: function (file) {
                    $("#Recarregar").click();
                }
            });

           
        }, 0);
    });
</script>
<div class="span-18">
    <span class="avaliacao-titulo">
    @Model.Avaliacao.Titulo
    </span>
</div>
<div class="span-6 last usuario-nome" style="text-align:right;">
    @Session["NomeCliente"]
</div>
<div class="clear"></div>
<div class="ui-widget ui-corner-all questao-container">
    <div>
        <div class="span-22 questoes-area-upload">
            @if (!String.IsNullOrEmpty(Model.ArquivoMidia1))
            {
            <span class="edit" style="float:right;" onclick="excluirArquivo(@Model.Id,1);">(excluir)&nbsp;</span>
            @Html.Raw(ViewData["ArquivoMidia1"] as string)
            }
            else
            {
            <form id="formUploadArquivoQuestao1" style="text-align:right;">
                <input type="hidden" name="IdQuestao" id="IdQuestao" value="@Model.Id" />
                <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.IdAvaliacao" />
                <input type="hidden" name="Tipo" id="Tipo" value="1" /><br />
	            <div class="edit" >
		            <div id="divIncluirImagem" style="width:150px;" class="filediv">
			            <input type="file" name="file" multiple><button>Upload</button>
			            <div class="edit" style="font-size:0.9em;font:normal;">(incluir arquivo)</div>
		            </div>
	            </div>
            </form>
            }
            <span style="float:right;" class="quiet">Arquivo&nbsp;01&nbsp;(css class: questao-imagem-@Model.Id-1)</span>
        </div>
        <div class=clear></div>
        <div class="questao-titulo">
        <span id="spanDescricao">@Html.Raw(Model.Descricao)</span>
        <span class="edit" onclick="alterar('spanDescricao', @Model.Id, 0);">&nbsp;&nbsp;(editar)&nbsp;&nbsp;</span>
        <span class="edit" onclick="excluir(@Model.Id, 0);">&nbsp;&nbsp;(excluir)&nbsp;&nbsp;</span>
        <span style="color:#ddd;font-size:0.8em;">(@Model.Id)</span>
        </div>
        <div class=clear></div>
        <br />
        <br />
        @if (!String.IsNullOrEmpty(Model.ArquivoMidia2))
        {
        <text><div class="span-12"></text>
        }
        else
        {
        <text><div class="span-18"></text>
        }
            @foreach (AvaliacaoOnline.Data.AlternativaQuestao alternativa in ((List<AvaliacaoOnline.Data.AlternativaQuestao>)ViewData["Alternativas"]))
            {
                <div>
                    <input id="@("Radio" + alternativa.NumeroAlternativa)" type="radio" class="RadioClass" name="group1" value="@alternativa.NumeroAlternativa"/>
                    <label id="@("Label" + alternativa.NumeroAlternativa)" for="@("Radio" + alternativa.NumeroAlternativa)" class="alternativa-label">
                        <span id="@("span" + alternativa.NumeroAlternativa)">@Html.Raw(alternativa.Descricao)</span>
                        <span class="edit" style="font-size:0.7em;" onclick="alterar('@("span" + alternativa.NumeroAlternativa)', @Model.Id, @alternativa.NumeroAlternativa);">&nbsp;&nbsp;(editar)&nbsp;&nbsp;</span>
                        <span class="edit" style="font-size:0.7em;" onclick="excluir(@Model.Id, @alternativa.NumeroAlternativa);">&nbsp;&nbsp;(excluir)&nbsp;&nbsp;</span>
                        @if (Model.NumeroAlternativaCorreta == alternativa.NumeroAlternativa)
                        {
                            <span class="correta" style="font-size:0.7em;">(alternativa correta)</span>
                        }
                    </label>
                </div>
                <div class=clear></div>
            }
        </div>
        @if (!String.IsNullOrEmpty(Model.ArquivoMidia2))
        {
        <text><div class="span-10 questoes-area-upload"></text>
        }
        else
        {
        <text><div class="span-4 questoes-area-upload"></text>
        }
            @if (!String.IsNullOrEmpty(Model.ArquivoMidia2))
            {
            <span class="edit" style="float:right;" onclick="excluirArquivo(@Model.Id,2);">(excluir)&nbsp;</span><br />
            @Html.Raw(ViewData["ArquivoMidia2"] as string)
            }
            else
            {
            <form id="formUploadArquivoQuestao2" style="text-align:right;">
                <input type="hidden" name="IdQuestao" id="IdQuestao" value="@Model.Id" />
                <input type="hidden" name="IdAvaliacao" id="IdAvaliacao" value="@Model.IdAvaliacao" />
                <input type="hidden" name="Tipo" id="Tipo" value="2" /><br />
	            <div class="edit" >
		            <div id="divIncluirImagem" style="width:150px;" class="filediv">
			            <input type="file" name="file" multiple><button>Upload</button>
			            <div class="edit" style="font-size:0.9em;font:normal;">(incluir arquivo)</div>
		            </div>
	            </div>
            </form>
            }
            <span style="float:right;" class="quiet">Arquivo&nbsp;02&nbsp;(css class: questao-imagem-@Model.Id-2)</span>
        </div>

        <div class=clear></div>
        <span class="span-22" style="text-align:center">
            <span class="edit"onclick="alterar('span9999', @Model.Id, 9999);">(incluir alternativa)</span>
        </span>
        <div class=clear></div>
        <br />
        Nível da questão: @Model.Nivel
        <div class=clear></div>
        <br />
    </div>
</div>
<div class=clear></div>
<div class="span-10" >
    <span class="questao-info">@ViewData["Paginas"]</span>
</div>
<div class="span-14 last "  >
    <span class="questao-barra-botoes">
    <input type="button" id="Recarregar" style="display:none;" onclick="$('#questao').load('@Url.Action("QuestaoPartial", "Teste", new { idCliente = ViewData["IdCliente"], idAvaliacao = (int)ViewData["IdAvaliacao"], step = ((int)ViewData["Step"]) })');" />
    <input type="button" value="Próximo" name="Proximo" style="float:right;" onclick="$('#questao').load('@Url.Action("QuestaoPartial", "Teste", new { idCliente = ViewData["IdCliente"], idAvaliacao = (int)ViewData["IdAvaliacao"], step = ((int)ViewData["Step"]) + 1 })');" />
    <input type="button" value="Anterior" name="Anterior" style="float:right;" onclick="$('#questao').load('@Url.Action("QuestaoPartial", "Teste", new { idCliente = ViewData["IdCliente"], idAvaliacao = (int)ViewData["IdAvaliacao"], step = ((int)ViewData["Step"]) - 1 })');" />
    </span>
</div>
<div class=clear></div>


<div id="alteracaoQuestao" style="display:none;">
    <br />
    Descrição:<br />
    <span id="local"></span>
    <br />
</div>

<!--
<div id='mediaplayer'></div>
<script type="text/javascript">
    jwplayer('mediaplayer').setup({
        'flashplayer': '/Scripts/jwplayer/player.swf',
        'id': 'playerID',
        'width': '480',
        'height': '270',
        'file': '/Scripts/jwplayer/video.mp4'
    });
</script>
-->